<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>服务商详情</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/ionicons.min.css">
		<link rel="stylesheet" href="css/AdminLTE.min.css">
		<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" type="text/css" href="css/public_main.css" />
		<style type="text/css">
			body #tbbb .btn {
				padding: 0;
				cursor: default;
			}
			
			body #select_type {
				display: inline-block;
				/*margin-top: 5px;*/
				width: 120px;
				height: 34px;
				margin-left: 10px;
			}
			
			.zhizhao_te img {
				float: left;
				margin-left: 3% !important;
			}
			
			.selectet {
				/*margin-top: -5px;*/
			}
			/*#search_chaxun {
				margin-top: 10px;
				margin-left: 10px;
			}*/
			
			#text_sousuo {
				margin-left: 10px;
			}
		</style>
	</head>

	<body>
		<div class="box" id="app">
			<div class="box-header with-border">
				<h3 class="box-title">根据支付方式统计列表</h3>
			</div>
			<div id="mohu" class="clear">
				<div id="star_time" class="form-group">
					<label for="dtp_input1" class=" control-label">开始时间:</label>
					<div class="input-group date form_date " data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input1" data-link-format="yyyy-mm-dd">
						<input id="datepicker" placeholder="请选择开始时间" onchange="gaibian()" class="form-control input_1" size="16" type="text" value="" readonly>
						<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
						<input type="hidden" id="dtp_input2" value="" />
					</div>
				</div>
				<div id="end_time" class="form-group">
					<label for="dtp_input2" class="control-label">结束时间:</label>
					<div class="input-group date form_date2 " data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
						<input class="form-control input_2" placeholder="请选择结束时间" size="16" type="text" value="" readonly>
						<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

						<input type="hidden" id="dtp_input2" value="" />
					</div>
				</div>
				<div style="float:left;" class="selectet">
					<label for="name">选择状态</label>
					<!--<s>选择状态</s>-->
					<select id="select_type" style="display: inline-block;" class="form-control">
						<!--<option>全部</option>-->
						<option>待审核</option>
						<option>审核不通过</option>
					</select>
				</div>
				<!--<input type="text" name="" id="text_sousuo" value="" placeholder="请输入应用名称进行查询" />-->
				<button @click="search" id="search_chaxun" style="margin-left: 10px;" type="button" class="btn btn-success">查询</button>
			</div>

			<!-- /.box-header -->
			<div class="box-body">
				<table class="table table-bordered">
					<tr>
						<!--<th>服务商名称</th>-->
						<th>支付方式</th>
						<th>交易次数</th>
						<th>金额</th>
						<th>商户优惠</th>
						<th>沃克优惠券</th>
						<th>沃豆优惠</th>
						<th>总计</th>
					</tr>
					<tbody id="tbbb">
						<tr v-for="index in table">
							<!--<th>{{index.name}}</th>-->
							<th>{{index.type}}</th>
							<th>{{index.bishu}}</th>
							<th>{{index.jine}}</th>
							<th>{{index.shangjiyouhui}}</th>
							<th>{{index.wokeyouhui}}</th>
							<th>{{index.wodou}}</th>
							<th>{{index.zongji}}</th>							
						</tr>
						<!--<tr>
							<th>应收：</th>
							<th>优惠：</th>
							<th>实收：</th>							
						</tr>-->
					</tbody>

				</table>
			</div>
			
		</div>

	</body>

</html>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="bootstrap/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/fastclick.js"></script>
<script src="dist/js/adminlte.min.js"></script>
<script src="dist/js/demo.js"></script>
<script src="js/qunit-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-paginator.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/zhifushouduan.js" type="text/javascript" charset="utf-8"></script>
<script src="js/zooming.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script>
	new Vue({
		el: '#app',
		data: {
			urlrtest: "",
			table: [{
//					name:"fkoe",
					type:"fkoe",
					bishu:"fkoe",
					jine:"fkoe",
					shangjiyouhui:"fkoe",
					wokeyouhui:"fkoe",
					wodou:"fkoe",
					zongji:"fkoe",					
				},

			]
		},
		created: function() {

		},
		mounted: function() {
			this.urltest = sessionStorage.getItem("urltest");
		},
		computed: {

		},
		methods: {
			search: function() {
				alert(this.urltest)
			}
		},

	})
</script>